.navbar-toggle { margin-top: -32px; }
html { height: 100%; }
body { overflow-x: hidden; font-family: "microsoft yahei"; height: 100%; width: 100%; overflow-x: hidden; }
ul, li{list-style-type: none; }
.navbar-default { background-color: #297eb9; border-color: #297eb9; opacity: 0.9; }
.navbar-default .navbar-toggle { border-color: transparent; }
.navbar-default .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-collapse, .navbar-inverse .navbar-form { border-color: #2373ab; }
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover {   background-color:transparent;}
.navbar-header img { padding-left: 10px; }
.navbar-toggle { margin-right: 0; }
.sectionwrap { width: 100%; height: 100%; overflow: hidden; position: relative; }
.sectionwrap .viewscroll { transition: top 1s linear; top: 0px; position: relative; -webkit-transition: top 1s linear; -moz-transition: top 1s linear; -o-transition: top 1s linear; }
.section { width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 667px; }
.viewwrap { width: 100%; height: 100%; overflow: hidden; position: relative; }
.viewwrap .viewscroll { transition: top 1s linear; top: 0px; position: relative; -webkit-transition: top 1s linear; -moz-transition: top 1s linear; -o-transition: top 1s linear; height: 100%; }
.view { height: 100%; position: relative; width: 100%; }
.bannerbg { background-color: #2A81BD; background-image: linear-gradient(to bottom, #2A81BD, #114a7a); background-repeat: repeat-x; }
.bannerbg h2 { text-align: center; position: absolute; left: 35%; top: 18%; margin-left: -140px; }
.speline { width: 100%; position: absolute; bottom: 18%; left: 0; }
#wave { height: 200px; width: 100%; }
.leads .nav > li { color: #fff; }
.leads .nav > li > .org { color: #ffea00; }
.leads .nav > li > img { width: 21px; height: 21px; }
.leads .icon01 { position: absolute; left: 35%; bottom: 40%; }
.leads .icon02 { position: absolute; left: 55%; bottom: 40%; }
.section-two { padding-top: 30px; padding-bottom: 100px; display: table; margin-right: auto; margin-left: auto; }
.section-two h2 { text-align: center; line-height: 3em;  }
.btns{text-align: center;  color: #53bb1a; border: solid 2px #53BB1A; margin: 0 auto; }
.btns a{ color: #53bb1a; display: block;}
.btns a:hover{ text-decoration: none;}
.text { text-align: center; }
.text span { display: block; }
 @media (min-width:992px) {
.container h2 { font-size: 30px; padding-top: 50px !important; padding-bottom: 100px; }
.section-two h2{ font-size: 40px; padding-top: 100px !important; padding-bottom: 0px !important;}
.btns{width: 250px; height: 50px;line-height: 50px;font-size: 20px;background: #53BB1A;}
.btns a{ color:#FFFFFF;}
.text1, .text2{ font-size: 26px;}
.text .text1 {   margin-bottom: 220px;}
.text .text2{ margin-bottom: 60px;}
.text .number { position: absolute; left: 27%; top: 53%; z-index: 999; font-size: 5.4em; color: #00b4ff; letter-spacing: 1em; font-weight: bold; border: solid 2px #00b4ff; 
padding: 10px 0 10px 35px; }
.section-four #main, .section-four #mains { width: 360px; height: 280px; margin-right: auto; margin-left: auto; display: table; }
.section-four .nav>li>a{ padding: 10px 20px !important;}
.section-six .nav li { width: 100%; overflow: hidden; padding: 8px 0;}
.section-six h2 { padding-top: 50px; }
.section-six .nav a{ font-size: 16px;}
.section-six .nav a:hover{ text-decoration: underline;}
.nav>li>a { position: relative; display: block; padding: 10px 20px; font-size: 16px; }
.device-wrap {/* width:540px;*/ height: 409px; margin-left: auto; margin-right: auto; display: table-cell; }
.showtext { font-size: 26px; color: #606f83; padding-top: 40px; }
.section-seven h2 { padding: 30px 0; }
.section-seven .text-wrap { padding-top: 70px !important; padding-bottom: 40px; }
.txt1 { border: solid 1px #EEEEEE; margin: 5px; padding-left: 5px; height: 22px; }
.tabs tr { margin: 8px 0; font-size: 16px; }
.Skeywords img, .keywords img{ max-width: 200px; max-height: 200px;}
.tabs { font-size: 16px;}
.tabs .txt1 { margin: 12px 0; font-size: 16px; margin-right: 8px; }
.rightdata{ padding-top: 60px;}
.btninput .btn{ margin-top: 30px; padding: 10px 16px; font-size: 16px;}
.section-eight h2{ padding-top: 100px !important;}
.section-eight p{ margin-bottom: 60px;}
.section-seven p{ font-size: 16px; padding-bottom: 20px;}
.section-nine h2{ font-size: 28px;}
#in_tables img{ max-height: 280px; max-width: 280px;}
.thumb .caption{ height: 22px; overflow: hidden; padding-top:5px;}
.thumb{ width:220px; height:280px;}
.boxdes{ font-size:14px !important; }
.thumb .boximg{ width:220px; height:220px; overflow:hidden; position:relative;}
.thumb .boximg img{ width:220px; height: 220px;   transition: all 0.5s ease 0s;}
.boxdes{ color:#999; background:url(../images/view.png) no-repeat 155px center; }
.custormer img{ max-height:120px; max-width:180px;}

}
 @media (min-width:767px)and (max-width: 992px) {
.leads .icon01 { position: absolute; left: 25%; bottom: 40%; }
.leads .icon02 { position: absolute; left: 55%; bottom: 40%; }
.container h2 { font-size: 36px; padding-top: 70px; padding-bottom: 30px; }
.section-two h2{ font-size: 40px;}
.btns{width: 250px; height: 50px;line-height: 50px;font-size: 20px;background: #53BB1A;}
.btns a{ color:#FFFFFF;}
.text1, .text2{ font-size: 20px;}
.text .text1 {   margin-bottom: 220px;}
.text .text2{ margin-bottom: 60px;}
.text .number { position: absolute; left: 23%; top: 53%; z-index: 999; font-size: 4.4em; color: #00b4ff; letter-spacing: 0.6em; font-weight: bold; border: solid 2px #00b4ff; 
padding: 10px 0 10px 15px; }
.section-four #main, .section-four #mains { width: 370px; height: 220px; margin-right: auto; margin-left: auto; display: table; }
.section-six .nav li { width: 100%; overflow: hidden; padding: 8px 0; font-size: 18px;}
.section-six h2 { padding-top: 50px; }
.nav>li>a { position: relative; display: block; padding: 10px 15px; font-size: 16px; }
.device-wrap { width: 560px; height: 424px; margin-left: auto; margin-right: auto; display: table-cell; }
.showtext { font-size: 20px; color: #606f83; }
.navbar-nav { margin: 7.5px -15px; }
.section-seven h2 { padding: 20px 0; }
.section-seven .text-wrap { padding-top: 70px !important; padding-bottom: 40px; }
.Skeywords, .keywords { min-width: 320px; font-size: 22px; }
.Skeywords img, .keywords img{ max-width: 150px; max-height: 150px;}
.tabs { font-size: 16px;}
.tabs .txt1 { margin: 8px 0; font-size: 16px; margin-right: 8px; }
.adsplay{ margin-bottom: 85px;}
.btninput .btn{ margin-top: 30px; padding: 10px 16px; font-size: 16px;}
.section-eight h2{ padding-top: 80px !important;}
.section-eight p{ margin-bottom: 60px;}
.section-seven p{ font-size: 14px;  padding: 0 20px 40px;}
.section-nine h2{ font-size: 20px;}
.thumb .caption{ height: auto; overflow: hidden; padding-top: 10px;}
.thumb{ width:200px; height:255px;}
.boxdes{ font-size:14px !important; }
.thumb .boximg{ width:200px; height:200px; overflow:hidden; position:relative;}
.thumb .boximg img{ width:200px; height: 200px;   transition: all 0.5s ease 0s;}
.custormer img{ max-height:110px; max-width:195px;}

}
 @media (max-width:767px) {
.leads .icon01 { position: absolute; left: 5%; bottom: 50%; }
.leads .icon02 { position: absolute; left: 55%; bottom: 50%; }
.container h2 {  padding-top: 5px; font-size: 20px; }
.section-two h2{ margin-top: 75px; font-size: 26px;}
.btns{width: 200px; height: 50px;line-height: 50px;font-size: 18px;background: #53BB1A;}
.btns a{ color:#FFFFFF;}
.text1, .text2{ font-size: 16px;}
.text .text1 {   padding-bottom: 140px;}
.text .text2{ margin-bottom: 40px;}
.text .number { position: absolute; left: 16%; top: 50%; z-index: 999; font-size: 2.4em; color: #00b4ff; letter-spacing: 0.6em; font-weight: bold; border: solid 2px #00b4ff; 
padding: 10px 0 10px 15px; }
.Seach_right a{ padding: 0 5px !important; margin: 6px 6px !important;}
.section-four h2{ font-size: 24px; padding:25px 0;}
.section-four #main, .section-four #mains { width: 300px; height: 200px; margin-right: auto; margin-left: auto; display: table; }
.section-six .nav li { width: 100%; overflow: hidden; padding: 4px 0; }
.section-six h2 { padding-top: 50px; }
.section-seven h2 { padding: 30px 0 20px 0; font-size: 18px; }
.nav>li>a { position: relative; display: block; }
.device-wrap { width: 350px; height: 260px; margin-left: auto; margin-right: auto; display: table-cell; }
.showtext { font-size: 14px; color: #606f83; }
.Skeywords img, .keywords img{ max-width: 75px; max-height: 75px;}
.section-eight h2{ padding-top: 60px !important;}
.section-eight p{ margin-bottom: 20px; font-size: 14px;}
.section-seven p{ font-size: 12px;  padding: 0 20px 20px;}
.section-nine h2{ font-size: 16px;}
.thumb .caption{padding-top: 10px;}
.thumb{ width:160px; height:200px;}
.boxdes{ font-size:12px !important; }
.thumb .boximg{ width:160px; height:160px; overflow:hidden; position:relative;}
.thumb .boximg img{ width:160px; height: 160px;   transition: all 0.5s ease 0s;}
.custormer img{ max-height:105px; max-width:150px; overflow: hidden;}
}
 @media (max-width:321px) {
.leads .icon01 { position: absolute; left: 5%; bottom: 50%; margin-bottom: 40px; }
.leads .icon02 { position: absolute; left: 55%; bottom: 50%; }
.text .imgbg { position: absolute; left: 0%; top: 44%; z-index: 998; display: none; }
.section-two h2{ margin-top: 50px;}
.btns{width: 200px; height: 50px;line-height: 50px;font-size: 18px;background: #53BB1A;}
.btns a{ color:#FFFFFF;}
.text1, .text2{ font-size: 16px;}
.text .text1 {   padding-bottom: 138px;}
.text .text2{ margin-bottom: 40px;}
.text .number { position: absolute; left: 13%; top: 45%; z-index: 999; font-size: 2.2em; color: #00b4ff; letter-spacing: 0.5em; font-weight: bold; border: solid 2px #00b4ff; 
padding: 10px 0 10px 15px; }
.section-three .col-md-6 { text-align: center; margin: 0 auto; }
#file-size-chart { height: 210px; }
.section-four h2{ font-size: 20px; padding:15px 0;}
.section-four #main, .section-four #mains { width: 300px; height: 200px; margin-right: auto; margin-left: auto; display: table; }
.section-five .lead { padding: s5px 0 0 15px; margin-bottom: 0; }
.Skeywords img, .keywords img{max-width: 75px; max-height: 75px;}
.section-six h2 { padding-top: 15px; }
.section-seven h2 { padding: 10px 0; font-size: 18px; }
.section-nine h2 { font-size: 14px;    padding-bottom: 0px !important;}
.display{ margin:5px 0px !important;}
.Seach_right a{ font-size: 14px !important; padding: 0px !important;}
.section-nine .lead {   color: #596b82; font-size: 12px !important;}
.txt1 { margin: 3px !important;}
.section-seven .text-wrap {padding-top: 10px !important;   padding-bottom: 10px !important;}
.section-seven .device-wrap img{ max-height: 320px !important;margin-bottom: 15px; max-width: 260px !important; margin-bottom: 0px !important;}
.section-seven p{ font-size: 12px;  padding: 0 20px 10px;}
.thumbnail .caption {   padding: 4px;}
.caption span{ font-size: 12px;}
.section-seven h2{ padding-bottom: 0px !important;}
.section-seven p{ font-size: 12px;  padding: 0 20px 5px;}
.compantdata{ width: 110px !important; height: 110px !important; font-size: 14px !important; padding-top: 30px !important; }
.section-six .nav li{ padding: 2px 0;}
.section-nine h2{ font-size: 16px;}
.thumb .caption{padding-top: 6px;}
.thumb{ width:120px; height:150px;}
.boxdes{ font-size:12px !important; }
.thumb .boximg{ width:120px; height:120px; overflow:hidden; position:relative;}
.thumb .boximg img{ width:120px; height: 120px;   transition: all 0.5s ease 0s;}
.custormer img{ max-height:90px; max-width:130px;}
}
 [class*="col-"] {
 float: left;
 padding:0 15px;
}
.section-three { background: #236798; height: 100%; padding-bottom: 80px; padding-top: 50px; }
.section-three .col-md-6 { text-align: center; }
.section-three h2 { color: #fff; text-align: center; }
.Skeywords, .keywords { background: #FFFFFF; padding: 15px;  text-align: center; }
.Skeywords img, .keywords img { text-align: center; margin: 0 auto; }
.Skeywords .purple { color: #b25fa3; display: block; font-size: 1.5em; }
.keywords .blue { color: #00b4ff; display: block; font-size: 1.5em; }
.section-three .col-md-6 img { padding-left: 10px; }
.Seach_right { width: 100%; position: relative; height: 400px; overflow: hidden; padding-top: 30px; }
.Seach_right a { color: #85c0ea; top: 0; left: 0; font-size: 16px; padding:10px; margin: 10px 6px; display: block; float: left; }
.Seach_right a:hover {  text-decoration: underline;}
.section-four { width: 100%; background: #f0f4fa; padding-top: 50px; padding-bottom: 30px; }
.section-four h2 { text-align: center; }
.section-four .display { color: #00b4ff; font-size: larger; }
.section-four .nav>li>a { display: block; line-height: 1.7em; color: #6a7172; padding: 0; }
.section-four .nav>li { padding: 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-five { padding-top: 40px; }
.section-five .lead { padding: 15px 0 0 15px; font-weight: 300; }
#shuliang { color: #00b4ff; font-weight: bolder; }
.section-five .nav>li>a { padding: 5px 0; }
#file-size-chart { height: 250px; }
.datapic { display: block; width: 80%; height: 300px; margin: 0 auto }
.section-six { background: #f0f4fa; padding-bottom: 20px; padding-top: 20px; }
.section-six .nav ul { padding: 0; }
.section-six .nav a { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-six .website { color: #00B4FF; }
.citydata, .compantdata { background: #00b4ff; width: 160px; height: 160px; padding-top: 50px; color: #FFFFFF; display: block; border-radius: 80px; font-weight: bolder; font-size: 20px; letter-spacing: 3px; margin-bottom: 12px; display: table; margin-left: auto; margin-right: auto; }
.compantdata { background: #ff7200; }
.cytext, .comtext { position: absolute; left: 50%; bottom: 42%; margin-left: -40px; font-size: 20px; color: #fff; }
 @keyframes textAnimation { 0% {
-webkit-transform:translateX(-300px);
transform:translateX(-300px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes textAnimation { 0% {
-webkit-transform:translateX(-300px);
transform:translateX(-300px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes imgAnimation { 0% {
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes imgAnimation { 0% {
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
/***** 秀场****/
.section-seven { padding-top: 35px; padding-bottom: 35px; }
.section-seven .device-wrap { min-height: 260px; margin-bottom: 15px; }
.section-seven .device-wrap-animate { transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); 
animation: textAnimation .7s ease-out; -moz-animation: textAnimation .7s ease-out; -webkit-animation: textAnimation .7s ease-out; -o-animation: textAnimation .7s ease-out; 
-moz-animation: imgAnimation .7s ease-out; -webkit-animation: imgAnimation .7s ease-out; -o-animation: imgAnimation .7s ease-out }
.section-seven .text-wrap { padding-top: 40px; padding-bottom: 40px; }
.section-seven .text-wrap-animate { transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); animation: textAnimation .7s ease-out; -moz-animation: textAnimation .7s ease-out; -webkit-animation: textAnimation .7s ease-out; -o-animation: textAnimation .7s ease-out }
.thumb{ float:left;box-shadow:0 0 5px #ccc;  margin:0 20px 20px 0; background:#fff;}
.thumb .boximg{ overflow:hidden; position:relative;}
.thumb .boximg img{transition: all 0.5s ease 0s;}
.thumb.boxtxt{ border-bottom:#f1f1f1 1px solid;font:1.4em/3em microsoft yahei; color:#666}
.thumb.boxtxt img{*width:50%; *margin:5px 0 0 0; width:100%}
.thumb .ewm{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:99}
.thumb .ewm_bg{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:98; background:#fff;  }
.thumb .ewm {transition: all 300ms ease-in 0s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;transform: scale3d(0.3, 0.3, 0.3);  background:#fff;  }
.ewm_bg {transition: all 300ms ease-in 0s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}
.thumb:hover .ewm  {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transform: scale3d(1, 1, 1);  }
.thumb:hover  .ewm_bg { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; transform: scale3d(1, 1, 1);}
#in_tables a:hover{ text-decoration: none;}
.boxdes{font:1.4em/3em microsoft yahei; color:#999;position:relative;}
.boxdes .view{ text-align:right; position:absolute; right:5px; bottom:0px;}

.section-eight{ font-size: 16px;}
.thumbnail{ border-color: transparent;}
.custormer a:hover{ border-color: transparent;}
.section-nine { background: #2a3c54; padding-bottom: 50px; padding-top: 50px; }
.section-nine h2 { color: #fff; padding-bottom: 30px; }
.section-nine .lead { color: #596b82; }
.tabs { display: table; margin-left: auto; margin-right: auto; }
.tabs table { color: #596b82; }
.tab_left { color: #FFFFFF; }
.txt1 { border: solid 1px #EEEEEE; margin: 5px; padding-left: 5px; }
.tabs .text-center .btn { margin-top: 15px; }
.footer { padding-top: 8px; padding-bottom: 8px; background: #f0f4fa; transition: height 0.5s linear; left: 0px; bottom: 0px; overflow: hidden; /*position: fixed;*/ z-index: 999; -webkit-transition: height .5s linear; -moz-transition: height .5s linear; -o-transition: height .5s linear; width: 100%; position: absolute; left: 0; bottom: 86px; }
.div_id{ text-align:center}
